<template>
<!-- 账单 -->
<div class="subject">
   <header>
      <div class="return" @click="returns">
        <i class="iconfont icon-zuojiantou"></i>
      </div>
      <div class="title">我的账单</div>
    </header>
 <main>
    <van-cell title="充值" is-link   style=' border-top-left-radius:5px ; border-top-right-radius:5px'/>
  <van-cell title="充值记录" is-link  />
  <van-cell title="购买记录" is-link  />
  <van-cell title="VIP服务" is-link    style=' border-bottom-right-radius:5px ; border-bottom-left-radius:5px  ' />
 </main>
</div>

</template>

<script>


export default {
data(){
  return{

  }

},
       methods:{
  //跳转
     returns(){
         this.$router.push('/my')
     }
  }
}
</script>

<style lang="less" scoped>
 .subject{
   height: 1334px;
   background: #f1f1f1;
  header {
    width: 100%;
    height: 88px;
    background-color: #ff5654;
    display: flex;
    .return {
      margin-left: 20px;
      i {
        color: #fff;
        font-size: 34px;
        line-height: 88px;
      }
    }
    .title {
      padding: 0 260px;
      color: #fff;
      font-size: 36px;
      line-height: 88px;
    }
  }
  main{
 padding: 20px 20px 0 20px;
 .van-cell--clickable{
   border:1px solid #f1f1f1 ;
 }
  }
}
</style>
